<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <!--必须写这个  rel="stylesheet"  否css不管用-->
    <link type="text/css"  rel="stylesheet" href="/simditor-2.3.28/site/assets/styles/simditor.css" />

    <title>富文本编辑器使用</title>
</head>
<body>

<section id="page-demo">
    <textarea id="txt-content" data-autosave="editor-content" autofocus></textarea>
    <div id="preview"></div>
</section>

<form action="/save" method="post">
    <input name="name" value="11" type="text"/>
<section id="">
    <textarea id="txt-content1" data-autosave="editor-content" autofocus name="textarea">111</textarea>
    <div id="preview1"></div>
</section>
    <input type="submit" />
</form>

<script type="text/javascript" src="/simditor-2.3.28/site/assets/scripts/jquery.min.js"></script>
<script type="text/javascript" src="/simditor-2.3.28/site/assets/scripts/mobilecheck.js"></script>
<script type="text/javascript" src="/simditor-2.3.28/site/assets/scripts/module.js"></script>
<script type="text/javascript" src="/simditor-2.3.28/site/assets/scripts/uploader.js"></script>
<script type="text/javascript" src="/simditor-2.3.28/site/assets/scripts/hotkeys.js"></script>
<script type="text/javascript" src="/simditor-2.3.28/site/assets/scripts/simditor.js"></script>
<script type="text/javascript" src="/simditor-2.3.28/site/assets/scripts/dompurify.js"></script>
<script type="text/javascript" src="/simditor-2.3.28/site/assets/scripts/page-demo.js"></script>
</body>
</html>
<script>

    $(document).ready(function () {
        Simditor.locale = 'zh-CN';
        var editor = new Simditor({
            textarea: $('#txt-content1'),
            upload:{
                url : '/imageUpload', //文件上传的接口地址
                params: {'a':'v'}, //键值对,指定文件上传接口的额外参数,上传的时候随文件一起提交
                fileKey: 'imageName', //服务器端获取文件数据的参数名
                connectionCount: 3,
                leaveConfirm: '正在上传文件...'
            }
        });
    });
</script>